<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/plantilla.xhtml">
    <ui:define name="head">Compra y Venta</ui:define>
    <ui:define name="content">
        <f:metadata>
            <f:viewParam name="id" value="#{productoBean.id}"/>
            <f:event type="preRenderView" listener="#{productoBean.initProducto}" />
        </f:metadata>
        <h1 class="title ui-widget-header ui-corner-all">Gestion de Productos</h1>
        <div class="entry" style="line-height:200%">

            <p:ajaxStatus style="width:16px;height:16px;">
                <f:facet name="start">
                    <h:graphicImage value="../design/ajaxloading.gif" />
                </f:facet>

                <f:facet name="complete">
                    <h:outputText value="" />
                </f:facet>
            </p:ajaxStatus>

            <h:form id="editarForm">  

                <p:panel id="panel" header="Producto">  

                    <h:panelGrid columns="3">  
                        
                        
                        <h:outputLabel for="idProducto" value="Id: " /> 
                        <h:inputText id="idProducto"  value="#{productoBean.producto.id}" label="Id: "></h:inputText>
                    
                        <br/> 
                        
                        <h:outputLabel for="nombre" value="Producto: " /> 
                        <h:inputText id="nombre" value="#{productoBean.producto.nombre}" label="Producto"></h:inputText>   

                        <br/> 

                        <h:outputLabel for="codigo" value="Codigo: " />
                        <h:inputText id="codigo" value="#{productoBean.producto.codigo}" label="Codigo"></h:inputText>

                        <br/> 

                        <h:outputLabel for="costo_compra" value="Costo de compra: " />
                        <h:inputText id="costo_compra" value="#{productoBean.producto.costo_compra}" label="Costo de compra"></h:inputText>

                        <br/> 

                        <h:outputLabel for="precio_venta" value="Precio de venta: " />
                        <h:inputText id="precio_venta" value="#{productoBean.producto.precio_venta}" label="Precio de venta"></h:inputText>

                        <br/>
                        <br/>

                        <h:outputLabel for="proveedor" value="Proveedor: " />
                        <h:selectOneMenu id="proveedor" value="#{productoBean.producto.proveedor}" converter="Proveedor">
                            <f:selectItem itemLabel="Seleccionar uno" itemValue="" />
                            <f:selectItems value="#{proveedorBean.proveedores}" var="proveedor"
                                           itemLabel="#{proveedor.nombre}" itemValue="#{proveedor}"/>
                        </h:selectOneMenu>
                        
                        <br/>
                    </h:panelGrid>   

                    <h:commandButton id="btn" value="Guardar" action="#{productoBean.editarProducto}"/>  
                </p:panel>  

            </h:form> 
        </div>

    </ui:define>
</ui:composition>
